import React from 'react'
// 引入css样式
import '../style/selected.css'
// 引入
import { Carousel } from '@arco-design/web-react';
interface Props {
    
}

export const Lib = (props: Props) => {
      const imageSrc = [
      '../../../public/image/libA.webp',
      '../../../public/image/libB.webp',
      '../../../public/image/libC.webp',
      '../../../public/image/libD.webp',
    ];
    return (
        <div className='lib_box'>
                <Carousel className='LibImg'  autoPlay={true} showArrow='hover'>
                {imageSrc.map((src, index) => (
                    <div key={index}>
                        <img
                            src={src}
                            style={{ width: '100%',height: '280px',borderRadius:'10px'  }}
                        />
                    </div>
                ))}
            </Carousel>
        </div>
    )
}
export default Lib